<#include "/admin/common/layout/__mainlayout.html">
 <#assign pageBreadCrumbs>
 <li class="active"><a href="#">表格</a></li>
<li class="active">静态&动态表格</li>
</#assign> 

<#assign pageJavascript>
<!-- page specific plugin scripts -->
		<script src="${contextPath}/admin/assets/js/jquery.dataTables.js"></script>
		<script src="${contextPath}/admin/assets/js/jquery.dataTables.bootstrap.js"></script>
		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			jQuery(function($) {
				var oTable1 = 
				$('#sample-table-2')
				//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
				.dataTable( {
					bAutoWidth: false,
					"aoColumns": [
					  { "bSortable": false },
					  null, null,null, null, null,
					  { "bSortable": false }
					],
					"aaSorting": [],
			
					//,
					//"sScrollY": "200px",
					//"bPaginate": false,
			
					//"sScrollX": "100%",
					//"sScrollXInner": "120%",
					//"bScrollCollapse": true,
					//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"
					//you may want to wrap the table inside a "div.dataTables_borderWrap" element
			
					//"iDisplayLength": 50
			    } );
				/**
				var tableTools = new $.fn.dataTable.TableTools( oTable1, {
					"sSwfPath": "../../copy_csv_xls_pdf.swf",
			        "buttons": [
			            "copy",
			            "csv",
			            "xls",
						"pdf",
			            "print"
			        ]
			    } );
			    $( tableTools.fnContainer() ).insertBefore('#sample-table-2');
				*/
				
				
				//oTable1.fnAdjustColumnSizing();
			
			
				$(document).on('click', 'th input:checkbox' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
				});
			
			
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					//var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			})
		</script>
</#assign>
<@mainlayout pageBreadCrumbs=pageBreadCrumbs pageJavascript=pageJavascript currentMenu="tableFlag-simpleTableFlag">

<!-- pageHeader BEGAIN -->
<div class="page-header">
	<h1>
		表格 <small> <i class="ace-icon fa fa-angle-double-right"></i>
			静态 &amp; 动态表格
		</small>
	</h1>
</div>
<!-- pageHeader END -->

<!-- pageContent BEGAIN -->
<div class="row">
	<div class="col-xs-12">
		<!-- PAGE CONTENT BEGINS -->
		<div class="row">
			<div class="col-xs-12">
				<table id="sample-table-1"
					class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th class="center"><label class="position-relative">
									<input type="checkbox" class="ace" /> <span class="lbl"></span>
							</label></th>
							<th>域名</th>
							<th>售价</th>
							<th class="hidden-480">点击量</th>

							<th><i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>
								最近更新</th>
							<th class="hidden-480">状态</th>

							<th></th>
						</tr>
					</thead>

					<tbody>
						<tr>
							<td class="center"><label class="position-relative">
									<input type="checkbox" class="ace" /> <span class="lbl"></span>
							</label></td>

							<td><a href="#">ace.com</a></td>
							<td>$45</td>
							<td class="hidden-480">3,330</td>
							<td>Feb 12</td>

							<td class="hidden-480"><span
								class="label label-sm label-warning">过期了</span></td>

							<td>
								<div class="hidden-sm hidden-xs btn-group">
									<button class="btn btn-xs btn-success">
										<i class="ace-icon fa fa-check bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-info">
										<i class="ace-icon fa fa-pencil bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-danger">
										<i class="ace-icon fa fa-trash-o bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-warning">
										<i class="ace-icon fa fa-flag bigger-120"></i>
									</button>
								</div>

								<div class="hidden-md hidden-lg">
									<div class="inline position-relative">
										<button class="btn btn-minier btn-primary dropdown-toggle"
											data-toggle="dropdown" data-position="auto">
											<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
										</button>

										<ul
											class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
											<li><a href="#" class="tooltip-info" data-rel="tooltip"
												title="View"> <span class="blue"> <i
														class="ace-icon fa fa-search-plus bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-success"
												data-rel="tooltip" title="Edit"> <span class="green">
														<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-error" data-rel="tooltip"
												title="Delete"> <span class="red"> <i
														class="ace-icon fa fa-trash-o bigger-120"></i>
												</span>
											</a></li>
										</ul>
									</div>
								</div>
							</td>
						</tr>

						<tr>
							<td class="center"><label class="position-relative">
									<input type="checkbox" class="ace" /> <span class="lbl"></span>
							</label></td>

							<td><a href="#">base.com</a></td>
							<td>$35</td>
							<td class="hidden-480">2,595</td>
							<td>Feb 18</td>

							<td class="hidden-480"><span
								class="label label-sm label-success">已注册</span></td>

							<td>
								<div class="hidden-sm hidden-xs btn-group">
									<button class="btn btn-xs btn-success">
										<i class="ace-icon fa fa-check bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-info">
										<i class="ace-icon fa fa-pencil bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-danger">
										<i class="ace-icon fa fa-trash-o bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-warning">
										<i class="ace-icon fa fa-flag bigger-120"></i>
									</button>
								</div>

								<div class="hidden-md hidden-lg">
									<div class="inline position-relative">
										<button class="btn btn-minier btn-primary dropdown-toggle"
											data-toggle="dropdown" data-position="auto">
											<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
										</button>

										<ul
											class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
											<li><a href="#" class="tooltip-info" data-rel="tooltip"
												title="View"> <span class="blue"> <i
														class="ace-icon fa fa-search-plus bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-success"
												data-rel="tooltip" title="Edit"> <span class="green">
														<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-error" data-rel="tooltip"
												title="Delete"> <span class="red"> <i
														class="ace-icon fa fa-trash-o bigger-120"></i>
												</span>
											</a></li>
										</ul>
									</div>
								</div>
							</td>
						</tr>

						<tr>
							<td class="center"><label class="position-relative">
									<input type="checkbox" class="ace" /> <span class="lbl"></span>
							</label></td>

							<td><a href="#">max.com</a></td>
							<td>$60</td>
							<td class="hidden-480">4,400</td>
							<td>Mar 11</td>

							<td class="hidden-480"><span
								class="label label-sm label-warning">过期了</span></td>

							<td>
								<div class="hidden-sm hidden-xs btn-group">
									<button class="btn btn-xs btn-success">
										<i class="ace-icon fa fa-check bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-info">
										<i class="ace-icon fa fa-pencil bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-danger">
										<i class="ace-icon fa fa-trash-o bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-warning">
										<i class="ace-icon fa fa-flag bigger-120"></i>
									</button>
								</div>

								<div class="hidden-md hidden-lg">
									<div class="inline position-relative">
										<button class="btn btn-minier btn-primary dropdown-toggle"
											data-toggle="dropdown" data-position="auto">
											<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
										</button>

										<ul
											class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
											<li><a href="#" class="tooltip-info" data-rel="tooltip"
												title="View"> <span class="blue"> <i
														class="ace-icon fa fa-search-plus bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-success"
												data-rel="tooltip" title="Edit"> <span class="green">
														<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-error" data-rel="tooltip"
												title="Delete"> <span class="red"> <i
														class="ace-icon fa fa-trash-o bigger-120"></i>
												</span>
											</a></li>
										</ul>
									</div>
								</div>
							</td>
						</tr>

						<tr>
							<td class="center"><label class="position-relative">
									<input type="checkbox" class="ace" /> <span class="lbl"></span>
							</label></td>

							<td><a href="#">best.com</a></td>
							<td>$75</td>
							<td class="hidden-480">6,500</td>
							<td>Apr 03</td>

							<td class="hidden-480"><span
								class="label label-sm label-inverse arrowed-in">已标注</span></td>

							<td>
								<div class="hidden-sm hidden-xs btn-group">
									<button class="btn btn-xs btn-success">
										<i class="ace-icon fa fa-check bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-info">
										<i class="ace-icon fa fa-pencil bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-danger">
										<i class="ace-icon fa fa-trash-o bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-warning">
										<i class="ace-icon fa fa-flag bigger-120"></i>
									</button>
								</div>

								<div class="hidden-md hidden-lg">
									<div class="inline position-relative">
										<button class="btn btn-minier btn-primary dropdown-toggle"
											data-toggle="dropdown" data-position="auto">
											<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
										</button>

										<ul
											class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
											<li><a href="#" class="tooltip-info" data-rel="tooltip"
												title="View"> <span class="blue"> <i
														class="ace-icon fa fa-search-plus bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-success"
												data-rel="tooltip" title="Edit"> <span class="green">
														<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-error" data-rel="tooltip"
												title="Delete"> <span class="red"> <i
														class="ace-icon fa fa-trash-o bigger-120"></i>
												</span>
											</a></li>
										</ul>
									</div>
								</div>
							</td>
						</tr>

						<tr>
							<td class="center"><label class="position-relative">
									<input type="checkbox" class="ace" /> <span class="lbl"></span>
							</label></td>

							<td><a href="#">pro.com</a></td>
							<td>$55</td>
							<td class="hidden-480">4,250</td>
							<td>Jan 21</td>

							<td class="hidden-480"><span
								class="label label-sm label-success">已注册</span></td>

							<td>
								<div class="hidden-sm hidden-xs btn-group">
									<button class="btn btn-xs btn-success">
										<i class="ace-icon fa fa-check bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-info">
										<i class="ace-icon fa fa-pencil bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-danger">
										<i class="ace-icon fa fa-trash-o bigger-120"></i>
									</button>

									<button class="btn btn-xs btn-warning">
										<i class="ace-icon fa fa-flag bigger-120"></i>
									</button>
								</div>

								<div class="hidden-md hidden-lg">
									<div class="inline position-relative">
										<button class="btn btn-minier btn-primary dropdown-toggle"
											data-toggle="dropdown" data-position="auto">
											<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
										</button>

										<ul
											class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
											<li><a href="#" class="tooltip-info" data-rel="tooltip"
												title="View"> <span class="blue"> <i
														class="ace-icon fa fa-search-plus bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-success"
												data-rel="tooltip" title="Edit"> <span class="green">
														<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
												</span>
											</a></li>

											<li><a href="#" class="tooltip-error" data-rel="tooltip"
												title="Delete"> <span class="red"> <i
														class="ace-icon fa fa-trash-o bigger-120"></i>
												</span>
											</a></li>
										</ul>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<!-- /.span -->
		</div>
		<!-- /.row -->

		<div class="hr hr-18 dotted hr-double"></div>

		<h4 class="pink">
			<i
				class="ace-icon fa fa-hand-o-right icon-animated-hand-pointer blue"></i>
			<a href="#modal-table" role="button" class="green"
				data-toggle="modal"> 模态对话框中的表格 </a>
		</h4>

		<div class="hr hr-18 dotted hr-double"></div>

		<div class="row">
			<div class="col-xs-12">
				<h3 class="header smaller lighter blue">jQuery 数据表格</h3>
				<div class="table-header">最近注册的域名</div>

				<!-- <div class="table-responsive"> -->

				<!-- <div class="dataTables_borderWrap"> -->
				<div>
					<table id="sample-table-2"
						class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></th>
								<th>域名</th>
								<th>售价</th>
								<th class="hidden-480">点击数</th>

								<th><i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>
									最近更新</th>
								<th class="hidden-480">当前状态</th>

								<th></th>
							</tr>
						</thead>

						<tbody>
							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">app.com</a></td>
								<td>$45</td>
								<td class="hidden-480">3,330</td>
								<td>Feb 12</td>

								<td class="hidden-480"><span
									class="label label-sm label-warning">过期了</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">base.com</a></td>
								<td>$35</td>
								<td class="hidden-480">2,595</td>
								<td>Feb 18</td>

								<td class="hidden-480"><span
									class="label label-sm label-success">已注册</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">max.com</a></td>
								<td>$60</td>
								<td class="hidden-480">4,400</td>
								<td>Mar 11</td>

								<td class="hidden-480"><span
									class="label label-sm label-warning">过期了</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">best.com</a></td>
								<td>$75</td>
								<td class="hidden-480">6,500</td>
								<td>Apr 03</td>

								<td class="hidden-480"><span
									class="label label-sm label-inverse arrowed-in">已标注</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">pro.com</a></td>
								<td>$55</td>
								<td class="hidden-480">4,250</td>
								<td>Jan 21</td>

								<td class="hidden-480"><span
									class="label label-sm label-success">已注册</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">team.com</a></td>
								<td>$40</td>
								<td class="hidden-480">3,200</td>
								<td>Feb 09</td>

								<td class="hidden-480"><span
									class="label label-sm label-inverse arrowed-in">已标注</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">up.com</a></td>
								<td>$95</td>
								<td class="hidden-480">8,520</td>
								<td>Feb 22</td>

								<td class="hidden-480"><span
									class="label label-sm label-info arrowed arrowed-righ">已售出</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">view.com</a></td>
								<td>$45</td>
								<td class="hidden-480">4,100</td>
								<td>Mar 12</td>

								<td class="hidden-480"><span
									class="label label-sm label-success">已注册</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">nice.com</a></td>
								<td>$38</td>
								<td class="hidden-480">3,940</td>
								<td>Feb 12</td>

								<td class="hidden-480"><span
									class="label label-sm label-info arrowed arrowed-righ">已售出</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">fine.com</a></td>
								<td>$25</td>
								<td class="hidden-480">2,983</td>
								<td>Apr 01</td>

								<td class="hidden-480"><span
									class="label label-sm label-warning">过期了</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">good.com</a></td>
								<td>$50</td>
								<td class="hidden-480">6,500</td>
								<td>Feb 02</td>

								<td class="hidden-480"><span
									class="label label-sm label-inverse arrowed-in">已标注</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">great.com</a></td>
								<td>$55</td>
								<td class="hidden-480">6,400</td>
								<td>Feb 24</td>

								<td class="hidden-480"><span
									class="label label-sm label-success">已注册</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">shine.com</a></td>
								<td>$25</td>
								<td class="hidden-480">2,200</td>
								<td>Apr 01</td>

								<td class="hidden-480"><span
									class="label label-sm label-inverse arrowed-in">已标注</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">rise.com</a></td>
								<td>$42</td>
								<td class="hidden-480">3,900</td>
								<td>Feb 01</td>

								<td class="hidden-480"><span
									class="label label-sm label-info arrowed arrowed-righ">已售出</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">above.com</a></td>
								<td>$35</td>
								<td class="hidden-480">3,420</td>
								<td>Mar 12</td>

								<td class="hidden-480"><span
									class="label label-sm label-warning">过期了</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">share.com</a></td>
								<td>$30</td>
								<td class="hidden-480">3,200</td>
								<td>Feb 11</td>

								<td class="hidden-480"><span
									class="label label-sm label-info arrowed arrowed-righ">已售出</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">fair.com</a></td>
								<td>$35</td>
								<td class="hidden-480">3,900</td>
								<td>Mar 26</td>

								<td class="hidden-480"><span
									class="label label-sm label-inverse arrowed-in">已标注</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">year.com</a></td>
								<td>$48</td>
								<td class="hidden-480">3,990</td>
								<td>Feb 15</td>

								<td class="hidden-480"><span
									class="label label-sm label-warning">过期了</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">day.com</a></td>
								<td>$55</td>
								<td class="hidden-480">5,600</td>
								<td>Jan 29</td>

								<td class="hidden-480"><span
									class="label label-sm label-info arrowed arrowed-righ">已售出</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">light.com</a></td>
								<td>$40</td>
								<td class="hidden-480">3,100</td>
								<td>Feb 17</td>

								<td class="hidden-480"><span
									class="label label-sm label-success">已注册</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">sight.com</a></td>
								<td>$58</td>
								<td class="hidden-480">6,100</td>
								<td>Feb 19</td>

								<td class="hidden-480"><span
									class="label label-sm label-inverse arrowed-in">已标注</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">right.com</a></td>
								<td>$50</td>
								<td class="hidden-480">4,400</td>
								<td>Apr 01</td>

								<td class="hidden-480"><span
									class="label label-sm label-warning">过期了</span></td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center"><label class="position-relative">
										<input type="checkbox" class="ace" /> <span class="lbl"></span>
								</label></td>

								<td><a href="#">once.com</a></td>
								<td>$20</td>
								<td class="hidden-480">1,400</td>
								<td>Apr 04</td>

								<td class="hidden-480"><span
									class="label label-sm label-info arrowed arrowed-righ">已售出</span>
								</td>

								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#"> <i
											class="ace-icon fa fa-search-plus bigger-130"></i>
										</a> <a class="green" href="#"> <i
											class="ace-icon fa fa-pencil bigger-130"></i>
										</a> <a class="red" href="#"> <i
											class="ace-icon fa fa-trash-o bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline position-relative">
											<button class="btn btn-minier btn-yellow dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a href="#" class="tooltip-info" data-rel="tooltip"
													title="View"> <span class="blue"> <i
															class="ace-icon fa fa-search-plus bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-success"
													data-rel="tooltip" title="Edit"> <span class="green">
															<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
													</span>
												</a></li>

												<li><a href="#" class="tooltip-error"
													data-rel="tooltip" title="Delete"> <span class="red">
															<i class="ace-icon fa fa-trash-o bigger-120"></i>
													</span>
												</a></li>
											</ul>
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>

		<div id="modal-table" class="modal fade" tabindex="-1">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header no-padding">
						<div class="table-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true">
								<span class="white">&times;</span>
							</button>
							Results for "Latest 已注册 Domains
						</div>
					</div>

					<div class="modal-body no-padding">
						<table
							class="table table-striped table-bordered table-hover no-margin-bottom no-border-top">
							<thead>
								<tr>
									<th>Domain</th>
									<th>Price</th>
									<th>Clicks</th>

									<th><i class="ace-icon fa fa-clock-o bigger-110"></i>
										Update</th>
								</tr>
							</thead>

							<tbody>
								<tr>
									<td><a href="#">ace.com</a></td>
									<td>$45</td>
									<td>3,330</td>
									<td>Feb 12</td>
								</tr>

								<tr>
									<td><a href="#">base.com</a></td>
									<td>$35</td>
									<td>2,595</td>
									<td>Feb 18</td>
								</tr>

								<tr>
									<td><a href="#">max.com</a></td>
									<td>$60</td>
									<td>4,400</td>
									<td>Mar 11</td>
								</tr>

								<tr>
									<td><a href="#">best.com</a></td>
									<td>$75</td>
									<td>6,500</td>
									<td>Apr 03</td>
								</tr>

								<tr>
									<td><a href="#">pro.com</a></td>
									<td>$55</td>
									<td>4,250</td>
									<td>Jan 21</td>
								</tr>
							</tbody>
						</table>
					</div>

					<div class="modal-footer no-margin-top">
						<button class="btn btn-sm btn-danger pull-left"
							data-dismiss="modal">
							<i class="ace-icon fa fa-times"></i> Close
						</button>

						<ul class="pagination pull-right no-margin">
							<li class="prev disabled"><a href="#"> <i
									class="ace-icon fa fa-angle-double-left"></i>
							</a></li>

							<li class="active"><a href="#">1</a></li>

							<li><a href="#">2</a></li>

							<li><a href="#">3</a></li>

							<li class="next"><a href="#"> <i
									class="ace-icon fa fa-angle-double-right"></i>
							</a></li>
						</ul>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- PAGE CONTENT ENDS -->
	</div>
	<!-- /.col -->
</div>
<!-- pageContent END -->
</@mainlayout>
